// Table

.table {
  > thead > tr > th {
    margin-left: -1px;
    margin-right: -1px;
    padding-top: $table-head-padding-vertical;
    padding-bottom: $table-head-padding-vertical;
    border-bottom: 0;
    border-left: 1px solid $table-head-border-color-base;
    border-right: 1px solid $table-head-border-color-base;
    background-color: $table-head-bg-base;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: $table-head-font-size;

    &:first-child {
      border-left-color: $table-body-border-color-base;
    }

    &:last-child {
      border-right-color: $table-body-border-color-base;
    }
  }

  > tbody > tr > td {
    padding-top: $table-body-padding-vertical;
    padding-bottom: $table-body-padding-vertical;
    font-size: $table-body-font-size;
    color: $table-body-color-base;
    text-align: center;
    border-top: 0;
    border-left: 1px solid $table-body-border-color-base;
    border-right: 1px solid $table-body-border-color-base;
    vertical-align: middle;
  }

  &-striped {
    > tbody > tr {
      &:nth-child(2n+1) {
        background-color: $table-body-bg-odd;
      }

      &:nth-child(2n) {
        background-color: $table-body-bg-even;
      }
    }
  }
}